﻿@model Abhimanu.Mobile.Models.DiscussionReply
@{
    ViewBag.Title = "Discussion Reply";
    Layout = "~/Views/Shared/M/_FacultyLayout.cshtml";
}
<a data-role="button" class="no-Ajax"   style="float:left" href="@Url.Action("DiscussionBoard", "Faculty")">
    Back</a>
<br />
<br />
@using (Html.BeginForm())
{
    <ul data-role="listview" data-inset="true" data-theme="d" data-divider-theme="a">
        <li data-role="list-divider">@Html.DisplayFor(model => model.Title)</li>
        <li>
            @Html.DisplayFor(model => model.Description)
        </li>
    </ul>

    @Html.ValidationSummary(true)
    <ul data-role="listview" data-inset="true" data-theme="d" data-divider-theme="a">
        <li data-role="list-divider">Reply</li>
        <li>
            @Html.EditorFor(model => model.Reply)
            @Html.ValidationMessageFor(model => model.Reply)
            <input type="submit" value="Reply" data-theme="a" data-form="ui-btn-up-a" />
        </li>
        @foreach (var item in Model.Replies)
        {
            <li>
                @Html.DisplayFor(modelItem => item.CommentText)
                <br />
                <span style="font-size: 10px; font-style: italic;">By <strong>@Html.DisplayFor(modelItem => item.ReplyBy)</strong>
                &nbsp;&nbsp;&nbsp; On @Html.DisplayFor(modelItem => item.RepliedDate)</span>
            </li>
        }
    </ul>
}
@section scripts
{
    <script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
}
